<%-- 
    Document   : Employee
    Created on : May 9, 2012, 9:28:43 AM
    Author     : Thanh Luan
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>

        <link rel="stylesheet" type="text/css" href="../css/paging.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.fancybox-1.3.4.pack.js"></script>
        <!-- -->
        <!-- -->
        <link rel="stylesheet" type="text/css" href="../css/thickbox.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/thickbox.js"></script>
            
        <script type="text/javascript" language="javascript">
            var abc  =false;
            var open_cur = 0;
            $j = jQuery.noConflict();
            $j(document).ready(function(){
                initThickBox('.thickbox');
               
                $j('.printPDF').live("click",function(){
                  //   $j('.abc1').css("display", "none");
                    printElem();
                  //  $j('.abc1').css("display", "block");
                });
                
                function printElem(options){
                    $j('.content_right').printElement(options);
                    
                }
            });
            
            
        </script>
      
    </head>


    <body>
        <a4j:form>

            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <h:outputText value="<div class='permission' lang='#{loginSession.right.TOU_CAL_PRO}'></div>" escape="false"/>
               <div id="content">
                <div id="menutop_top">
                    <div class="div_search_menutop">
                        <div class="item_search">

                            <h:inputText onfocus="if(this.value=='search') this.value='';" style="float:left;" styleClass="text_search" value="#{EmpBean.keySearch}"/>
                            <div style="float:left;border-top: 1px solid #55ACDB;border-bottom: 1px solid #55ACDB;" class="img_search"> <h:graphicImage style="float:left;" value="../images1/arrow_down.png"/></div>
                            <div style="float:left;border: 1px solid #55ACDB;"> <h:graphicImage styleClass="find_all_emp" style="float:left;" value="../images1/btn_search.png"/></div>
                        </div>
              <%--          <div class="form_search_header">
                            <div class="item_search "><h:outputText value="x" styleClass="close_search" style="font-weight:bold;float:right;margin-right:2.2%;"/></div>
                            <div class="item_search">
                                <table id="table_search">
                                    <tr>
                                        <td class="celltable">
                                            <h:selectOneRadio styleClass="css_radio" value="#{EmpBean.typeSearch}">
                                                <f:selectItem itemValue="2" itemLabel="Họ tên" />

                                                <f:selectItem itemValue="1" itemLabel="Phone" />
                                                <f:selectItem itemValue="3" itemLabel="CMND" />
                                                <f:selectItem itemValue="5" itemLabel="MSNV" />
                                                <f:selectItem itemValue="4" itemLabel="Email" />

                                            </h:selectOneRadio>
                                        </td>

                                    </tr>
                                    <tr>
                                        <td class="celltable">
                                            <h:commandButton action="#{EmpBean.reload}" value="#{locale.search}" styleClass="buttonsearch">
                                            </h:commandButton>
                                        </td>

                                    </tr>
                                </table>

                            </div>
                        </div> --%>
                    </div>


                    <div class="icon_action">
                       <a style="color:white;" href="codeproductTour.jsp?action=comback&FS400=<h:outputText value="#{SPDetailBean.idcomback}"/>"><span><h:graphicImage value="../images1/back.png"  alt="Quay lại" title="Quay lại" /></span></a>

                    </div>

                </div>
                <div id="menutop">
                    <div class="dropdown">
                        <div class="select_choise">
                            <a href="#"><span>Khu vực</span></a>
                        </div>
                        <div class="select_hidden">
                            <ul>

                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <h:panelGroup rendered="#{loginSession.right.DAB_LST_PAR}">
                        <div class="dropdown">
                            <div class="select_choise">
                                <a href="#">
                                    <span class="department2" lang="<h:outputText value="#{n450_n850.fn850}"/>">
                                        <h:outputText rendered="#{n450_n850.fn850 !=0}" value="#{n450_n850.nv851}"/>
                                        <h:outputText rendered="#{n450_n850.fn850 ==0}" value="Tất cả"/>
                                    </span>
                                </a>

                            </div>
                            <div class="select_hidden departmentlistN850">

                                <ul>
                                    <li><a href="#"><span class="department3" lang="<h:outputText value="0"/>">
                                                <h:outputText value="Tất cả"/>
                                            </span></a></li>                          


                                    <a4j:repeat value="#{n450_n850.listComb850}" var="item">
                                        <li><a href="#"><span class="department2" lang="<h:outputText value="#{item.value}"/>">
                                                    <h:outputText value="#{item.label}"/>
                                                </span></a></li> 
                                            </a4j:repeat>
                                </ul>
                            </div>
                        </div>
                    </h:panelGroup>

                </div>


                            <h:panelGroup id="reloadn100" >
                                    <a4j:repeat  value="#{SPDetailBean.listS450}" var="item" rowKeyVar="row" >
                                        <div style="padding: 1%;margin-top: 4px;width: 98%;float: left;background-color:<h:outputText rendered="#{item.sl465!=null}" value="#F9F9F9"/> <h:outputText rendered="#{item.sl465==null}" value="#E6E9EB"/> ">


                                            <div style="float: left;width: 150px;height: 120px;box-shadow:0 0 3px #999999; padding: 3px; background: #ffffff">

                                                <h:panelGroup rendered="#{item.SV454!=null}"><h:graphicImage value="#{item.imageNameFile}" width="150px" height="120px;" alt="" /></h:panelGroup>
                                                <h:panelGroup rendered="#{item.SV454==null}"><h:graphicImage value="../images/default-thumb.gif" width="150px" height="120px;" alt="" /></h:panelGroup>



                                            </div>

                                            <div style="float: left;width: 81%;margin-left: 10px;">
                                                <div style="float: left;width: 617px;margin-top: 0px;margin-left: 0px;"><i> <h:outputText style="color:#547DB1" value="#{item.SV452}"/></i></div>
                                                <div style="float: left;width: 100%;">
                                                    <label><b><h:outputText value="Tiêu đề"/></b></label>:
                                                    <div style="width:100%;height:26px;">
                                                        <b style="color: #1F58A6"> <h:outputText value="#{item.SV451}"/></b>
                                                    </div>

                                                </div>
                                                <div style="float: left;width: 100%;" class="to1">
                                                    <label><b><h:outputText  value="Nội dung"/></b></label>:
                                                    <div style="width:100%;height:auto;">
                                                        <h:outputText value="#{item.SV453}" escape="false"/>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="fields_edit">
                                                 <h:outputLink rendered="#{loginSession.right.TOU_PRO_CRE}" style="color:white"   value="editproducDetailTour.jsp?action=edit&PS450=0&FS400=#{item.FS400}&KeepThis=true&amp;TB_iframe=true&amp;height=600&amp;width=741&amp;modal=true" styleClass="thickbox add_new" id="thickbox22"  >

                                                    <img src="../images/add_tab.png" alt="add" title="add"/>
                                                </h:outputLink>
                                                <h:outputLink rendered="#{loginSession.right.TOU_PRO_CRE}" style="color:white"   value="editproducDetailTour.jsp?action=edit&PS450=#{item.PS450}&FS400=#{item.FS400}&KeepThis=true&amp;TB_iframe=true&amp;height=600&amp;width=741&amp;modal=true" styleClass="thickbox add_new" id="thickbox2"  >

                                                    <img src="../images/edit.png" alt="edit" title="edit"/>
                                                </h:outputLink>



                                                <h:outputLink disabled="#{item.onoff}" rendered="#{loginSession.right.TOU_PRO_ONF}" value="aceeptfunctionOnOff.jsp?action=actionOnOff&PS450=#{item.PS450}&FS400=#{item.FS400}&title=ON&width=300&height=150" styleClass="fancybox abc">
                                                    <h:graphicImage rendered="#{item.sl465==null}" value="../images/on.png" width="27px" height="22px;" alt="ON" title="ON"/>
                                                    <h:graphicImage rendered="#{item.sl465!=null}" value="../images/on1.png" width="27px" height="22px;" alt="ON" title="ON"/>
                                                </h:outputLink>
                                                <h:outputLink disabled="#{item.offon}" rendered="#{loginSession.right.TOU_PRO_ONF}" value="aceeptfunctionOnOff.jsp?action=actionOnOff&PS450=#{item.PS450}&FS400=#{item.FS400}&title=OFF&width=300&height=150" styleClass="fancybox abc xyz">
                                                    <h:graphicImage rendered="#{item.sl465!=null}" value="../images/off.png" width="27px" height="22px;" alt="OFF" title="OFF"/>

                                                    <h:graphicImage rendered="#{item.sl465==null}" value="../images/off1.png" width="27px" height="22px;" alt="OFF" title="OFF"/>
                                                </h:outputLink>
                                            </div>
                                        </div>
                                    </a4j:repeat>
                                </h:panelGroup  >

                <rich:modalPanel id="ajaxLoadingModalBox" minHeight="30" minWidth="40"
                                 height="30" width="40" zindex="2000">
                    <h:outputText value="#{locale.please_wait}" styleClass="startDummer"></h:outputText>
                </rich:modalPanel>


                <div class="fotter-page">
                    <jsp:include page="../../common/pagingEmployee.jsp"/>
                </div>
            </div>


        </a4j:form>
    </body>
  
</html>
